<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册界面</title>
    <link rel="stylesheet" type="text/css" href="./register.css">
    <!--<script src="./register.js" type="text/javascript"></script>-->
    <script src="./jquery-2.1.0.js" type="text/javascript"></script>
    <script>
		$(function(){
			$("#name").blur(function(){
				if(this.value.length==0){
					$("#p1").html("不能为空！");
				}else{
					$("#p1").html("");
				}
			});
			$("#phone").blur(function(){
				if(this.value.length==0){
					$("#p2").html("不能为空！");
				}else if(this.value.length!=11){
					$("#p2").html("请输入正确的手机号码！");
				}else{
					$("#p2").html("");
				}
			});
			$("#card").blur(function(){
				if(this.value.length==0){
					$("#p3").html("不能为空！");
				}else if(this.value.length!=18){
					$("#p3").html("请输入正确的身份证号！");
				}else{
					$("#p3").html("");
				}
			});
			$("#pas").blur(function(){
				if(this.value.length==0){
					$("#p4").html("不能为空！");
				}else{
					$("#p4").html("");
				}
			});
			$("#repas").blur(function(){
				var repas=$("#repas").val();
				var pas=$("#pas").val();
				if(this.value.length==0){
					$("#p5").html("不能为空！");
				}else if(repas!=pas){
					$("#p5").html("两次密码输入的不一致，请重新输入！");
				}else{
					$("#p5").html("");
				}
			});
		});


    </script>
</head>
<body>
<h1>考试系统</h1>
<div class="div1">
    <h2>欢迎注册</h2>
    <form action="#">
        <label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</label>
        <input type="text" placeholder="请输入您的姓名" id="name"/><br>
        <p id="p1"></p>
        <label>手&nbsp;&nbsp;机&nbsp;&nbsp;号：</label>
        <input type="text" placeholder="请输入您的手机号" id="phone"/><br>
        <p id="p2"></p>
        <label>身份证号：</label>
        <input type="password" placeholder="请输入您的身份证号" id="card""/><br>
        <p id="p3"></p>
        <label>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</label>
        <input type="password" placeholder="请输入您的密码" id="pas" name="pas"/><br>
        <p id="p4"></p>
        <label>确认密码：</label>
        <input type="password" placeholder="请再次输入您的密码" id="repas" name="pas"/><br>
        <p id="p5">不能为空！</p>
        <input type="submit" value="注册" id="btn">
        <input type="reset" value="重置" id="btn1">
    </form>
</div>
<div class="bottom">
    <p><p>Copyright © 2016-2017 湖北第二师范学院 </p></p>
</div>
</body>
</html>
